<template>
    <div id="radioanswer">
      <div class="r-header">
        <h3>单选题(每题5分)</h3>
      </div>
      <div class="r-body">
        <p style="height:50px;line-height:50px">第1题:&nbsp;{{topic}}</p>
        <div class="choose" style="height:300px;line-height:50px;padding-left: 50px;">
            <label for="A">
                <input  type="radio" title="a" name="choose" id="A">A、{{answer1}}
            </label><br/>
            <label for="B">
                <input  type="radio" title="b" name="choose" id="B">B、{{answer2}}
            </label><br/>
            <label for="C">
                <input  type="radio" title="c" name="choose" id="C">C、{{answer3}}
            </label><br/>
            <label for="D">
                <input  type="radio" title="d" name="choose" id="D">D、{{answer4}}
            </label>
        </div>
      </div>
    </div>
  </template>
  
  <script>
    export default {
      
      data() {
        return {
          topic:'在 css 选择器当中，优先级排序正确的是（）',
          answer1:'id选择器>标签选择器>类选择器',
          answer2:'标签选择器>类选择器>id选择器',
          answer3:'类选择器>标签选择器>id选择器',
          answer4:'id选择器>类选择器>标签选择器',
          rightanswer:'id选择器>类选择器>标签选择器',
          points:'5分',
        }
      },
    }
  </script>
  
  <style lang="less" scoped>
  #radioanswer{
    height: 100%;
    line-height: 20px;
    font-size: 18px;
  }
  </style>